<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- The HTML 4.01 Transitional DOCTYPE declaration-->
<!-- above set at the top of the file will set     -->
<!-- the browser's rendering engine into           -->
<!-- "Quirks Mode". Replacing this declaration     -->
<!-- with a "Standards Mode" doctype is supported, -->
<!-- but may lead to some differences in layout.   -->

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <!--                                           -->
    <!-- Any title is fine                         -->
    <!--                                           -->
    <title>AbstractCanvas</title>
        
    <!--                                           -->
    <!-- This script loads your compiled module.   -->
    <!-- If you add any GWT meta tags, they must   -->
    <!-- be added before this line.                -->
    <!--                                           -->
    <script type="text/javascript" language="javascript" src="net.kornr.canvaschart.Demo.nocache.js"></script>
  </head>

  <!--                                           -->
  <!-- The body can have arbitrary html, or      -->
  <!-- you can leave the body empty if you want  -->
  <!-- to create a completely dynamic UI.        -->
  <!--                                           -->
  <body>
  <h1>AbstractCanvas</h1>
    This demonstrates the use of the <a href="http://code.google.com/p/abstractcanvas/">AbstractCanvas library</a>
 The same code created both static and dynamic version of the charts. 
 
<h2> The STATIC version (this is a PNG image file)</h2>
The images are actually just screenshots, but they were created by a standard java program using AWT, 
they could have been created dynamically server side (if I had a server available for that). <p>
 <a href="canvaschart1.png"><img src="canvaschart1.png" width="300"/></a>    
<a href="canvaschart2.png"><img src="canvaschart2.png" width="300"/></a>   

<h2> The DYNAMIC version (this is an HTML Canvas with some GWT magic)</h2>
That's the very same code, but using a GWT implementation of the canvas. 
There's almost no difference visually, but it's pure javascript, while the above is pure java.
The data are random (changing the page should display different results, unless your 
random generator is severely broken).
<p>
(try moving your mouse over the images below)<br/>

    <!-- OPTIONAL: include this if you want history support -->
    <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>

  </body>
</html>
